<template>
  <div class="container-fluid">
    <div class="row mga padds">
      <div class="col">
        <div class="container-fluid">
          <h3 class="h3 row">全部订单</h3>
          <table class="Order">
            <th class="shouhuo">最近三个月订单</th>
            <th class="shouhuo1">订单详情</th>
            <th class="shouhuo2">收货人</th>
            <th class="shouhuo2">金额</th>
            <th class="shouhuo2">全部状态</th>
          </table>
          <div class="row">
            <div class="col">
              <h5 class="text-center tecenter">没有订单</h5>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped>
.h3 {
  height: 18px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #2f81f1;
}
.mga {
  background-color: #ffffff;
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  padding: 20px;
  min-height: 200px;
  font-family: MicrosoftYaHei-Bold;
}
.tecenter {
  line-height: 120px;
  color: #333333;
  font-size: 16px;
}
.Order{
  width: 762px;
  height: 44px;
  margin-top: 18px;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
}
.shouhuo{
  width: 50px;
	height: 13px;
	font-family: "微软雅黑";
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	color: #333333;
  line-height: 44px;
}
.shouhuo1{
   width: 164px;
	height: 13px;
	font-family: "微软雅黑";
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	color: #333333;
  line-height: 44px;
}
.shouhuo2{
  width: 32px;
	height: 13px;
	font-family: "微软雅黑";
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	color: #333333;
  line-height: 44px;
}
</style>
